<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 轮播图案例 -->
    <!-- swiper swiper-item -->
    <!-- <swiper class="swiper-container" indicator-dots indicator-color="#eee" autoplay autoplay='3000' circular
        easing-function="easeInOutCubic" bind:change="handleChange" previous-margin="80rpx" next-margin="80rpx">
        <block wx:for="{{imgUrls}}" wx:key="this">
            <swiper-item>
                <image src="{{item}}" class="img {{nowIndex===index?'active':'hide'}}"></image>
            </swiper-item>
        </block>
    </swiper> -->

    <!-- .swiper-container{
        width: 100%;
        height: 400rpx;
    }
    .img{
        width: 100%;
        height: 400rpx;
    }
    
    .active{
        transform: none;
        transition: all 0.5s;
    }
    
    .hide{
        transform: scale(0.9);
        transition: all 0.5s;
    } -->

    <!-- imgUrls:["https://pic1.zhimg.com/80/v2-6f94220ea37287c55888b30fcf7f9670_720w.webp","https://i0.hdslb.com/bfs/article/2f81e32a092b0ec5f1208041cbd7eb1247fee351.jpg@1256w_708h_!web-article-pic.avif","https://pic1.zhimg.com/80/v2-e936727f59b3de930302f5b0656ffbf4_720w.webp","https://pic3.zhimg.com/80/v2-90fa275f27d5233944fa2ce4aadcf63a_720w.webp"],
    nowIndex:0
    handleChange(e){
        this.setData({
          "nowIndex":e.detail.current
        })
      }, -->

</body>

</html>